@import "../../_common/commonfunc"

:root {
  --date-item-height: 108rpx
}

.boxer
  background: #fff

.calendar-list
  height: 538rpx
  calc(var(--date-item-height) * 5 + var(--append-date-item-height) + var(--calendar-month-header));
.calendar-title
  ss-display-flex(row nowrap, space-between, center)
  padding: $space-minor $space-default
  >.htitle
    font-size: $size-title-lg
    font-weight: bold
    color: $color-text-title
  .button-today
    font-size: $size

.calendar-weektils 
  ss-display-flex(row nowrap, flex-start, center)
  height: 80rpx
  >.calendar-weektils-item
    flex: 1
    text-align: center

.date-list
  ss-display-flex(row wrap)
  >.date-item
    width: calc(100% / 7) !important;
    font-size: $size
    color: $color-text-title
    text-align: center
    padding: 10rpx 0
    height: var(--date-item-height)
    &.patch-before, &.patch-after
      opacity: .5
    &.item-weekend
      color: red
      .hdot-item
        color: $color-text-title
    &.selected
      color: red
    &.today
      background: red;
      color: #fff;
    .hdot-item
      font-size: 20rpx
      // color: $color-text-info